<template>
    <div class="survey-detail" style="background-color: antiquewhite; height: 800px">
        <el-descriptions class="margin-top" title="反馈详情"
         :column="1" :size="size" border :data="survey">
    
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-user"></i>
        反馈人
      </template>
      {{ survey.name }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-date"></i>
        反馈时间
      </template>
      {{ survey.time }}
    </el-descriptions-item>

    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-tickets"></i>
        反馈内容
      </template>
      {{ survey.content }}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-notebook-2"></i>
       反馈建议
      </template>
      {{ survey.suggestion }}
    </el-descriptions-item>
  </el-descriptions>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        survey: {},
      };
    },
    created() {
      // 获取反馈详情
      this.getsurveyDetail();
    },
    methods: {
      // 获取反馈详情
      getsurveyDetail() {
        this.request.post('/suggest/detail/' + this.$route.params.id)
          .then(response => {
            this.survey = response.data.data.list;
          })
          .catch(error => {
            console.error(error);
          });
      }
    }
  };
  </script>
  
  <style>
.el-descriptions{
    margin: 0px auto;
    width: 800px;
    padding: 30px 35px 15px 35px;
}
</style>